<template>
<!-- 14宫格列表 -->
  <div class="index-wrap">
           <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"  v-for="item in gongge"><a href="#">
		                    <img v-lazy="item.home" class="" alt="">
		                    <div class="mui-media-body">{{item.title}}</div></a></li>
		        </ul> 
    
  </div>
</template>
<script>

export default {
  name: 'Index',
  data(){
      return{
             gongge:[
                     {home:"https://huyaimg.msstatic.com/cdnimage/game/2336-MS.jpg",title:"王者荣耀"},
                     {home:"https://huyaimg.msstatic.com/cdnimage/game/2793-MS.jpg",title:"绝地求生"},
                     {home:"https://huyaimg.msstatic.com/cdnimage/game/1-MS.jpg",title:"英雄联盟"},
                     {home:"https://huyaimg.msstatic.com/cdnimage/game/1663-MS.jpg",title:"香秀"},
                     {home:"https://huyaimg.msstatic.com/cdnimage/game/100044-MS.jpg",title:"吃喝玩乐"},
                     {home:"https://huyaimg.msstatic.com/cdnimage/game/100032-MS.jpg",title:"主机游戏"},
                     {home:"https://huyaimg.msstatic.com/cdnimage/game/3203-MS.jpg",title:"刺激战场"},
                     {home:"https://huyaimg.msstatic.com/cdnimage/game/4-MS.jpg",title:"穿越火线"},
                     {home:"https://huyaimg.msstatic.com/cdnimage/game/2168-MS.jpg",title:"颜值"},
                     {home:"https://huyaimg.msstatic.com/cdnimage/game/2633-MS.jpg",title:"二次元"},
                     {home:"https://huyaimg.msstatic.com/cdnimage/game/2-MS.jpg",title:"地下城与勇士"},
                     {home:"https://huyaimg.msstatic.com/cdnimage/game/100043-MS.jpg",title:"暴雪专区"},
                     {home:"https://huyaimg.msstatic.com/cdnimage/game/2135-MS.jpg",title:"一起看"},
                     {home:"https://huyaimg.msstatic.com/cdnimage/game/1732-MS.jpg",title:"我的世界"},
             ]
      }
  },
  components:{
    
  }
}
</script>
<style  lang="scss" scoped>
.mint-swipe{
  height:200px;
      .mint-swipe-item{
        background: red;
      img{ 
        width:100%;
        height:100%;
         }
      }
}
.mui-grid-view.mui-grid-9 {
  background: #ffffff;
  border: none;
   img{ 
       width:60px;
       height:60px;
   }
}
.mui-grid-view.mui-grid-9 .mui-media {
    color: #797979;
    border: none;
}
</style>